<!doctype html>
<html class=no-js lang=en>
	<head>
		<meta charset=utf-8>
		<meta http-equiv=X-UA-Compatible content="chrome=1;IE=edge">

		<title>Chromebook Puzzle</title>
		<meta name=viewport content="width=550,height=590,initial-scale=1.1,maximum-scale=1.1,user-scalable=0"/>

		<link href='http://fonts.googleapis.com/css?family=Open+Sans:light,regular,600,bold,800' rel=stylesheet type='text/css'>

		<link rel=stylesheet href="css/style.min.css?v=59">

	</head>
	<body>
		<header>
			<div id=solution>
				<div id=solution-tray>
				</div>
				<div id=solution-lid>
				</div>
			</div>
		</header>
		<div id=main-area>
			<div id=color-selector-container>
				<div id=color-selector>
				</div>
				<a id=erase-link href="#"></a>
			</div>
			<div id=win-tick-container>
				<div id=win-tick>
				</div>
			</div>
			<div id=prev-solution-container>
				<div id=prev-solution>
				</div>
			</div>

			<div id=current-attempts-container>
			</div>
			<div id=check-button-container>
				<div id=check-button>
				</div>
				<a href="#"></a>
			</div>
			<div id=congratulations>
				<h2/>
				<h3>
				<span/>
				</h3>
				<div id=next-level-button-container>
					<div id=next-level-button>
					</div>
					<a href="#"></a>
				</div>
				<div id=submit-solution-button-container>
					<p>
					</p>
					<div id=submit-solution-button>
					</div>
					<a href="#" target=_blank></a>
				</div>
				<div id=solution-clues-container>
					<div id=solution-clues-background>
					</div>
					<div id=solution-clues-lights>
					</div>
				</div>
			</div>

			<div id=left-arrow-container>
				<div id=left-arrow>
				</div>
			</div>
			<div id=right-arrow-container>
				<div id=right-arrow>
				</div>
			</div>
		</div>
		<footer>
			<div id=logos>
				<a id=chrome-logo href="#" target=_blank></a>
			</div>
			<nav>
				<div id=tabs-container>
					<div id=tabs-background>
					</div>
					<div id=tab-blocks>
					</div>
					<a id=tab-number href="#">
					</a>
					<a id=tab-number-hover href="#">
					</a>
				</div>
			</nav>
		</footer>
		<div id=cover>
		</div>
		<div id=intro-box-message-container>
			<div id=intro-box>
			</div>
			<div id=intro-box-message>
				<h1></h1>
				<p>
				</p>
			</div>
			<div id=play-button-container>
				<div id=play-button>
				</div>
				<a href="#"></a>
			</div>
			<div id=restart-button-container>
				<div id=restart-button>
				</div>
				<a href="#"></a>
			</div>
			<div id=resume-button-container>
				<div id=resume-button>
				</div>
				<a href="#"></a>
			</div>
		</div>
		<div id=alternate>
			<img data-src="img/alternate.png" border=0 />
			<p>

			</p>
		</div>
		<div id=alternate-square>
		</div>
		<div id=alternate-rect>
		</div>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

		<script src='js/scripts.min.js?v=60'></script>
	</body>
</html>